<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <style>
        #div1{
            float: left;
        }
        #div2{
            float: left;
        }
        #div3{
            float: left;
        }
        #div4{
            float: left;
        }

    </style>
</head>
<body>
<div style="height: 600px;width: 600px; background-color:darkslategrey ">
    <div id="div1"  style="background-color: aquamarine;text-align:center;height: 500px;width: 100px;">
        <h3>注册</h3><br>

        <input style="margin-bottom: 50px;" type="button" name="but1" value="初级"><br>
        <input style="margin-bottom: 70px;" type="button" name="but2" value="中级"><br>
        <input style="margin-bottom: 70px;" type="button" name="but3" value="高级"><br>
        <a href="./8-16.1.html"><input style="margin-bottom: 50px" type="button" name="but4" value="退出"></a>
    </div>

    <div id="div2" style="background-color: burlywood;text-align:center;float:left;height: 100px;width: 500px;">
        <h1>学生表</h1>
    </div>

    <div id="div3" class="text" style="text-align:center;background-color: aqua;float:left;height: 400px;width: 500px">
        <div style="background-color: aqua;float:left;height: 100px;width: 500px">
            <h2>学生成绩表</h2>
        </div>
        <table id="tb1" style="align-content: center;background-color: darkcyan;width:500px ;height:300px; "  >
            <tr>
                <th>id</th>
                <th>名字</th>
                <th>科目</th>
                <th>成绩</th>
                <th>总分</th>
            </tr>
            <tr>
                <th>1</th>
                <th>小王</th>
                <th>科目一</th>
                <th>20</th>
                <td rowspan="2">40</td>
            </tr>
            <tr>
                <th>2</th>
                <th>小王</th>
                <th>科目二</th>
                <th>20</th>

            </tr>

        </table>
    </div>
    <div id="div4" class="text" style="text-align:center;background-color: #f5efd3;float:left;height: 100px;width: 600px">
        <h3><a href="https://www.baidu.com/">百度</a></h3>
    </div>

</div>


</body>
</html>